<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>

<!-- Meta Tags -->
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="description" content="Kodelaw - Lawyers Attorneys and Law Firm HTML Template"/>
<meta name="keywords" content="Lawyers, advisor, attorney, business, judge, kodelaw, legal ,"/>
<meta name="author" content="ThemeMascot"/>

<!-- Page Title -->
<title>Kodelaw - Lawyer Attorney and Law Firm HTML Template</title>

<!-- Favicon and Touch Icons -->
<link href="images/favicon.png" rel="shortcut icon" type="image/png">
<link href="images/apple-touch-icon.png" rel="apple-touch-icon">
<link href="images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
<link href="images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
<link href="images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">

<!-- Stylesheet -->
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/dist/css/animate.min.css" rel="stylesheet" type="text/css">
<link href="assets/dist/css/javascript-plugins-bundle.css" rel="stylesheet"/>

<!-- CSS | menuzord megamenu skins -->
<link href="assets/dist/js/menuzord/css/menuzord.css" rel="stylesheet"/>

<!-- CSS | timeline -->
<link href="assets/dist/js/timeline-cp-responsive-vertical/timeline-cp-responsive-vertical.css" rel="stylesheet" type="text/css">

<!-- CSS | Main style file -->
<link href="assets/dist/css/style-main.css" rel="stylesheet" type="text/css">
<link id="menuzord-menu-skins" href="assets/dist/js/menuzord/css/skins/menuzord-rounded-boxed.css" rel="stylesheet"/>

<!-- CSS | Responsive media queries -->
<link href="assets/dist/css/responsive.css" rel="stylesheet" type="text/css">
<!-- CSS | Style css. This is the file where you can place your own custom css code. Just uncomment it and use it. -->

<!-- CSS | Theme Color -->
<link href="assets/dist/css/colors/theme-skin-color-set1.css" rel="stylesheet" type="text/css">

<!-- external javascripts -->
<script src="assets/dist/js/jquery.js"></script>
<script src="assets/dist/js/bootstrap.min.js"></script>
<script src="assets/dist/js/javascript-plugins-bundle.js"></script>
<script src="assets/dist/js/menuzord/js/menuzord.js"></script>

<!-- <link href="css/style.css" rel="stylesheet" type="text/css"> -->


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="container-1440px">
<div id="wrapper" class="clearfix">
	<!-- Header -->
	<header id="header" class="header header-layout-type-header-2rows">
		<div class="header-top ">
			<div class="container">
				<div class="row">
					<div class="col-xl-auto header-top-left align-self-center text-center text-xl-left">
						<ul class="element contact-info">
							<li class="contact-phone"><i class="fa fa-phone font-icon sm-display-block"></i> Tel: +440-98-5298</li>
							<li class="contact-email"><i class="fa fa-envelope-o font-icon sm-display-block"></i> info@example.com</li>
							<li class="contact-address"><i class="fa fa-map-o font-icon sm-display-block"></i> 121 King Street, Melbourne</li>
						</ul>
					</div>
					<div class="col-xl-auto ml-xl-auto header-top-right align-self-center text-center text-xl-right">
						<div class="element">
							<ul class="header-top-nav list-inline">
								<li class="menu-item"><a title="Home" class="menu-item-link" href="#"><strong>Home</strong></a></li>
								<li class="menu-item"><a title="Home" class="menu-item-link" href="#"><strong>Cart</strong></a></li>
								<li class="menu-item"><a title="Home" class="menu-item-link" href="#"><strong>Contact Us</strong></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="header-nav">
			<div class="header-nav-wrapper navbar-scrolltofixed green">
				<div class="menuzord-container header-nav-container green ">
					<div class="container position-relative">
						<div class="row">
							<div class="col">
								<div class="row header-nav-col-row">
									<div class="col-sm-auto align-self-center">
										<a class="menuzord-brand site-brand" href="index.html">
											<img class="logo-default logo-1x" src="images/logo-wide.png" alt="Logo">
											<img class="logo-default logo-2x retina" src="images/logo-wide@2x.png" alt="Logo">
										</a>
									</div>
									<div class="col-sm-auto ml-auto pr-0 align-self-center">
										<nav id="top-primary-nav" class="menuzord green" data-effect="fade" data-animation="none" data-align="right">
											<ul id="main-nav" class="menuzord-menu">
												<li class="active"><a href="index.html">Home</a></li>
												<li><a href="page-about.html">About</a></li>
												<li><a href="#">Pages</a>
													<ul class="dropdown">
														<li><a href="page-features.html">Features</a></li>
														<li><a href="page-services.html">Services</a></li>
														<li><a href="page-case-studies.html">Case Studies</a></li>
														<li><a href="page-team-grid.html">Attorney Grid</a></li>
														<li><a href="page-team-details.html">Attorney Details</a></li>
														<li><a href="page-gallery.html">Gallery</a>
													</ul>
												</li>
												<li><a href="#">Services</a>
													<ul class="dropdown">
														<li><a href="page-services.html">Service Grid</a></li>
														<li><a href="page-service-criminal-law.html">Criminal Law</a></li>
														<li><a href="page-service-family-law.html">Family Law</a></li>
														<li><a href="page-service-personal-injury.html">Personal Injury</a></li>
														<li><a href="page-service-legal-advice.html">Legal Advice</a></li>
														<li><a href="page-service-education-law.html">Education Law</a></li>
														<li><a href="page-service-business-law.html">Business Law</a></li>
													</ul>
												</li>
												<li><a href="#">Blog</a>
													<ul class="dropdown">
														<li><a href="news-grid.html">News Grid</a></li>
														<li><a href="news-details.html">News Details</a></li>
													</ul>
												</li>
												<li><a href="page-contact.html">Contact</a></li>
											</ul>
										</nav>
									</div>
								</div>
								<div class="row d-block d-xl-none">
									 <div class="col-12">
										<nav id="top-primary-nav-clone" class="menuzord d-block d-xl-none default menuzord-color-default menuzord-border-boxed menuzord-responsive" data-effect="slide" data-animation="none" data-align="right">
										 <ul id="main-nav-clone" class="menuzord-menu menuzord-right menuzord-indented scrollable">
										 </ul>
										</nav>
									 </div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
	
	<!-- Start main-content -->
	<div class="main-content">
		<!-- Section: home -->
		<section class="page-title divider layer-overlay overlay-dark-8 section-typo-light bg-img-center" data-tm-bg-img="images/bg/bg1.jpg">
			<div class="container pt-90 pb-90">
				<!-- Section Content -->
				<div class="section-content">
					<div class="row">
						<div class="col-md-12 text-center">
							<h2 class="title text-white">Case Studies</h2>
							<nav role="navigation" class="breadcrumb-trail breadcrumbs">
								<div class="breadcrumbs">
									<span class="trail-item trail-begin">
										<a href="#"><span>Home</span></a>
									</span>
									<span><i class="fa fa-angle-right"></i></span>
									<span class="trail-item"><a href="#"><span>Pages</span></a></span>
									<span><i class="fa fa-angle-right"></i></span>
									<span class="trail-item trail-end text-theme-colored2">Case Studies</span>
								</div>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- Section: Case Studies -->
		<section>
			<div class="container pb-50">
				<div class="section-content">
					<div class="cp-case-studies-s1">
						<div class="row">
							<div class="col-sm-6 col-md-4 col-lg-4">
								<div class="case-studies-wrapper">
									<div class="inner-cs">
										<div class="thumb">
											<img src="images/case-studies/1.jpg" alt="Awesome Image">
										</div>
										<div class="content">
											<p>Law Services</p>
											<h4 class="title"><a href="">Personal Injury</a></h4>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-4 col-lg-4">
								<div class="case-studies-wrapper">
									<div class="inner-cs">
										<div class="thumb">
											<img src="images/case-studies/2.jpg" alt="Awesome Image">
										</div>
										<div class="content">
											<p>Law Services</p>
											<h4 class="title"><a href="">Personal Injury</a></h4>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-4 col-lg-4">
								<div class="case-studies-wrapper">
									<div class="inner-cs">
										<div class="thumb">
											<img src="images/case-studies/3.jpg" alt="Awesome Image">
										</div>
										<div class="content">
											<p>Law Services</p>
											<h4 class="title"><a href="">Personal Injury</a></h4>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-4 col-lg-4">
								<div class="case-studies-wrapper">
									<div class="inner-cs">
										<div class="thumb">
											<img src="images/case-studies/4.jpg" alt="Awesome Image">
										</div>
										<div class="content">
											<p>Law Services</p>
											<h4 class="title"><a href="">Personal Injury</a></h4>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-4 col-lg-4">
								<div class="case-studies-wrapper">
									<div class="inner-cs">
										<div class="thumb">
											<img src="images/case-studies/5.jpg" alt="Awesome Image">
										</div>
										<div class="content">
											<p>Law Services</p>
											<h4 class="title"><a href="">Personal Injury</a></h4>
										</div>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-4 col-lg-4">
								<div class="case-studies-wrapper">
									<div class="inner-cs">
										<div class="thumb">
											<img src="images/case-studies/6.jpg" alt="Awesome Image">
										</div>
										<div class="content">
											<p>Law Services</p>
											<h4 class="title"><a href="">Personal Injury</a></h4>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Divider -->
		
		<!-- Section: Why Choose Us -->
		<section>
			<div class="container pt-90">
				<div class="section-title">
					<div class="row justify-content-md-center">
						<div class="col-md-8">
							<div class="text-center mb-60">
								<div class="tm-sc tm-sc-section-title section-title section-title-style1 text-center bg-img-center bg-no-repeat line-bottom-style3-bordered-line">
									<div class="title-wrapper">
										<h2 class="title"> <span class="">Why </span> <span class="text-theme-colored1">Choose</span> <span class=""> Us</span></h2>
										<div class="title-seperator-line"></div>
										<div class="paragraph">
											<p>Explore Our Completed Projects! Consectetur adipiscing elitt elit tellus, luctus pulvinar dapibus leoconsectetur luctus nec.</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section-content">
					<div class="row">
						<div class="col-md-6 col-lg-4">
							<div class="tm-sc tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored2 icon-position-icon-left mb-40">
								<div class="icon-box-wrapper">
									<a class="icon icon-type-font-icon icon-default"> <img src="images/icon/b1.png" alt="Image"></a>
									<div class="icon-text">
										<h4 class="icon-box-title mt-0">Best Attorneys</h4>
										<div class="content">
											<p>You can place Industrial content here or place Industrial content here or place kind of details</p>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="tm-sc tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored2 icon-position-icon-left mb-40">
								<div class="icon-box-wrapper">
									<a class="icon icon-type-font-icon icon-default"> <img src="images/icon/b2.png" alt="Image"></a>
									<div class="icon-text">
										<h4 class="icon-box-title mt-0">Fight For Justice</h4>
										<div class="content">
											<p>You can place Industrial content here or place Industrial content here or place kind of details</p>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="tm-sc tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored2 icon-position-icon-left mb-40">
								<div class="icon-box-wrapper">
									<a class="icon icon-type-font-icon icon-default"> <img src="images/icon/b3.png" alt="Image"></a>
									<div class="icon-text">
										<h4 class="icon-box-title mt-0">30 Years Experience</h4>
										<div class="content">
											<p>You can place Industrial content here or place Industrial content here or place kind of details</p>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="tm-sc tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored2 icon-position-icon-left mb-md-40">
								<div class="icon-box-wrapper">
									<a class="icon icon-type-font-icon icon-default"> <img src="images/icon/b4.png" alt="Image"></a>
									<div class="icon-text">
										<h4 class="icon-box-title mt-0">Low Cost For Case</h4>
										<div class="content">
											<p>You can place Industrial content here or place Industrial content here or place kind of details</p>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="tm-sc tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored2 icon-position-icon-left mb-md-40">
								<div class="icon-box-wrapper">
									<a class="icon icon-type-font-icon icon-default"> <img src="images/icon/b5.png" alt="Image"></a>
									<div class="icon-text">
										<h4 class="icon-box-title mt-0">Intelligent Lawyers</h4>
										<div class="content">
											<p>You can place Industrial content here or place Industrial content here or place kind of details</p>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-md-6 col-lg-4">
							<div class="tm-sc tm-sc-icon-box icon-box icon-left tm-iconbox-icontype-font-icon text-left iconbox-centered-in-responsive iconbox-theme-colored2 icon-position-icon-left">
								<div class="icon-box-wrapper">
									<a class="icon icon-type-font-icon icon-default"> <img src="images/icon/b6.png" alt="Image"></a>
									<div class="icon-text">
										<h4 class="icon-box-title mt-0">Best Case strategy</h4>
										<div class="content">
											<p>You can place Industrial content here or place Industrial content here or place kind of details</p>
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Divider -->

	</div>
	<!-- end main-content -->
	
	<!-- Footer -->
	<footer id="footer" class="footer">
		<div class="footer-widget-area">
			<div class="container pt-90 pb-60">
				<div class="row">
					<div class="col-md-6 col-lg-6 col-xl-3">
						<div id="tm_widget_contact_info-1" class="split-nav-menu clearfix widget widget-contact-info clearfix mb-20">
							<div class="tm-widget tm-widget-contact-info contact-info contact-info-style1  contact-icon-theme-colored1">
								<div class="thumb">
									<img alt="Logo" src="images/logo-wide-white.png">
								</div>
								<div class="description">203, Envato Labs, Behind Alis Steet, Melbourne, Australia.immersion along the information close the loop on focusing</div>
							</div>
						</div>
						<div id="tm_widget_social_list_custom-1" class="split-nav-menu clearfix widget widget-social-list-custom clearfix">
							<ul class="tm-widget tm-widget-social-list tm-widget-social-list-custom styled-icons  icon-dark  icon-rounded icon-theme-colored1 mt-20">
								<li><a class="social-link" href="#" ><i class="fa fa-facebook"></i></a></li>
								<li><a class="social-link" href="#" ><i class="fa fa-twitter"></i></a></li>
								<li><a class="social-link" href="#" ><i class="fa fa-youtube"></i></a></li>
								<li><a class="social-link" href="#" ><i class="fa fa-instagram"></i></a></li>
							</ul>
						</div>
					</div>
					<div class="col-md-6 col-lg-6 col-xl-3">
						<div id="tm_widget_blog_list-1" class="split-nav-menu clearfix widget widget-blog-list clearfix">
							<h4 class="widget-title widget-title-line-bottom line-bottom-footer-widget line-bottom-theme-colored2">Latest News</h4>
							<div class="tm-widget tm-widget-blog-list "> 
								<!-- the loop -->
								<article class="post media-post clearfix"> <a class="post-thumb" href="#"><img width="100" height="70" src="images/blog/3.jpg" class="" alt="" /></a>
									<div class="post-right">
										<h6 class="post-title"> <a href="#">Customer Focused </a> </h6>
										<span class="post-date">
										<time class="entry-date" datetime="2019-05-15T06:10:26+00:00">April 15, 2019</time>
										</span> 
									</div>
								</article>
								<article class="post media-post clearfix"> <a class="post-thumb" href="#"><img width="100" height="70" src="images/blog/2.jpg" class="" alt="" /></a>
									<div class="post-right">
										<h6 class="post-title"> <a href="#"> School For Poor </a> </h6>
										<span class="post-date">
										<time class="entry-date" datetime="2019-07-15T06:10:26+00:00">June 15, 2019</time>
										</span> 
									</div>
								</article>
								<article class="post media-post clearfix"> <a class="post-thumb" href="#"><img width="100" height="70" src="images/blog/1.jpg" class="" alt="" /></a>
									<div class="post-right">
										<h6 class="post-title"> <a href="#"> Shelter For Homeless </a> </h6>
										<span class="post-date">
										<time class="entry-date" datetime="2019-09-15T06:10:26+00:00">November 15, 2019</time>
										</span> 
									</div>
								</article>
								<!-- end of the loop --> 
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-6 col-xl-3">
						<div id="nav_menu-1" class="widget widget_nav_menu">
							<h4 class="widget-title widget-title-line-bottom line-bottom-footer-widget line-bottom-theme-colored2">Services</h4>
							<div class="menu-service-nav-menu-container">
								<ul id="menu-service-nav-menu" class="menu">
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20545"><a href="#">Kitchen Remodel</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20546"><a href="#">Home Renovation</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20547"><a href="#">Home Repair</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20548"><a href="#">Painting</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20549"><a href="#/">Windows & Doors</a></li>
									<li class="menu-item menu-item-type-post_type menu-item-object-services menu-item-20550"><a href="#">Bathroom Remodel</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="col-md-6 col-lg-6 col-xl-3">
						<div id="tm_widget_opening_hours_compressed-1" class="split-nav-menu clearfix widget widget-opening-hours-compressed clearfix">
							<h4 class="widget-title widget-title-line-bottom line-bottom-footer-widget line-bottom-theme-colored2">Opening Hours</h4>
							<ul class="tm-widget tm-widget-opening-hours tm-widget-opening-hours-compressed opening-hours border-dark">
								<li class="clearfix"> <span>Monday - Tuesday</span>
									<div class="value">9.00 - 17.00</div>
								</li>
								<li class="clearfix"> <span>Wednesday</span>
									<div class="value">9.00 - 16.00</div>
								</li>
								<li class="clearfix"> <span>Thursday - Friday</span>
									<div class="value">9.00 - 16.00</div>
								</li>
								<li class="clearfix"> <span>Saturday</span>
									<div class="value">9.00 - 16.00</div>
								</li>
								<li class="clearfix"> <span>Sunday</span>
									<div class="value">Closed</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-bottom" data-tm-bg-color="#2A2A2A">
				<div class="container">
					<div class="row pt-20 pb-20">
						<div class="col-sm-6">
							<div class="footer-paragraph">
								© 2019 ThemeMascot. All Rights Reserved.
							</div>
						</div>
						<div class="col-sm-6">
							<div class="footer-paragraph text-right">
								Site Template
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
</div>
<!-- end wrapper -->

<!-- Footer Scripts -->
<!-- JS | Custom script for all pages -->
<script src="assets/dist/js/custom.js"></script>

</body>
</html>